<template>
    <nav>
        <i class="fa fa-hand-o-left" @click="shang"></i>
        <slot></slot>
        <i class="fa fa-share-alt" id="r" @click="dialogVisible = true"></i>

    <el-dialog title="提示" v-model="dialogVisible" size="large">
  <h2 style="color: #ff4f65">这可能是一个假的分享!!!!</h2>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>
 
    </nav>
</template>
<script>
      export default{
          data(){
            return{
               dialogVisible: false
            }
          },
        methods:{
        shang(){
            this.$router.go(-1)
        }
    }
    }
</script>
<style scoped>
  
    nav{
        height: 44px;
        width:100%;
        background: white;
         border-bottom: solid 1px #ff4f65;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 100;
    }
    nav>i{
        font-size: 0.5rem;
        display: inline-block;
        color: #ccc;
    }
    nav>i:nth-child(1){
        margin-left: 0.7rem;
        position:relative;
        top:0.2rem;
    }
    i#r{
        position: relative;
        right: -4rem;
        top:0.2rem;
       
    }
</style>